<template>
  <div>
     <div class="title">
      <b>退款订单</b>
     </div>
    <el-table
    :data="tableData"
    border
    style="width: 100%"
    >
    <el-table-column
      label="商品订单"
      >
    </el-table-column>
    <el-table-column
      label="单价(元)/数量"
     >
    </el-table-column>
    <el-table-column
      prop="order_type"
      label="订单状态">
    </el-table-column>
    <el-table-column
      label="退款维权">
    </el-table-column>
    <el-table-column
      label="买家">
    </el-table-column>
    <el-table-column
      prop="address"
      label="买家手机号">
    </el-table-column>
    <el-table-column
      label="实付金额">
    </el-table-column>
    <el-table-column
      label="操作">
    </el-table-column>
  </el-table>
    <el-pagination
      background
       layout="total, prev, pager, next, sizes,  jumper"
      :page-sizes="[10, 20, 30, 40]"
      :page-size="100"
      :total="1">
    </el-pagination>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tableData:[],
      msg: ''
    }
  },
mounted() {
},
  methods: {

  }
}
</script>

<style lang='scss'>
.el-pagination{
  margin-left: 1013px;
}
.el-table th>.cell{
  text-align: center;
}
.el-table th,.el-table tr{
  background: #DDDD;
  color: #515A82;
}
.title {
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px 20px;
  margin-bottom: 10px;
}
</style>
